<template>
  <div style="height: 100%">
    <el-table v-if="tableData && tableData.length" :data="tableData" style="width: 100%">
    </el-table>
    <div v-else :style="{'background-image':'url('+svgPath+')'}" class="empty"></div>
  </div>
</template>
<script>
export default {
  props: {
    typesFile: '', //对应他types文件夹下面js文件名
    datas: {}, //报表数据集
    // dataSource: {}, //报表项选中的数据表id+表头下标
    axis: {}, //报表项选中的数据轴id+表头下标
    value: {}, //报表项选中的数据轴id+表头下标
    w: { //传width会检测不到变化
      type: Number,
    },
    h: { //传height会检测不到变化
      type: Number,
    },
  },
  data() {
    return {}
  },
  computed: {
    tableData: function() {
      return []
    },
    svgPath: function() {
      return require('./types/' + this.typesFile + '.svg')
    },
  },
  methods: {},
  created() {

  },
  components: {},
}
</script>
<style lang="less" scope>
.empty {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>
